<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			#main{
				width: 300px;
				height: 300px;
				border: 1px solid red;
				display: table;
			}
			.ceshi{
				font-size: 30px;
				width: 100%;
				height: 100%;
				background-color: blue;
				/*display: block;*/
				margin: 0 auto;
				vertical-align: text-bottom;
			}
			.ceshi2{
				font-size: 30px;
				width: 100px;
				height: 100px;
				background-color: yellow;
				/*display: table-cell;*/
				margin: 0 auto;
				vertical-align: middle;
			}
  /*.left{float:left; width:260px; padding:10px; margin-right:10px; border:1px solid #ccc;}
    .classtd{ display: table-cell; width:3000px; padding:10px; border:1px solid #ccc;}*/
		</style>
	</head>

	<body>
			<div id="main">
				<div class="ceshi">
					hahaha
				</div>
				<!--<div class="ceshi2">
					hahaha
				</div>-->
			</div>
<!--<div class="left">我是左边栏目</div>
<div class="classtd">
    我是自适应的右边
</div>
 </div>-->
	</body>

</html>